<template>
    <div class="havigationCentChild">
        <div v-for="(item,index) in sj" :key="index" class="list">
            <p class="title">{{item.title}}</p>
            <ul>
                <li v-for="(item,index) in item.arrs" :key="index">
                    {{item}}
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    name:"CeBianCent",
    props:['sj'],
    data(){
        return {

        }
    }
}
</script>

<style scoped>
.havigationCentChild{
    width: 769px;
    height: 492px;
    border-top: 1px solid #ccc;
    background: #fff;
    padding:22px 0 0 40px ;
    color: #666666;
  }
  .havigationCentChild .list{
      display: flex;
      justify-content: space-between;
  }
  .havigationCentChild .list p.title{
      font-weight: 700;
      font-size: 12px;
      color: #333;
  }
  .havigationCentChild ul{
      display: flex;
      width: 634px;
  }
  .havigationCentChild ul li{
      font-size: 12px;
      margin-right: 14px;
  }
  .havigationCentChild ul li:last-child{
      margin: 0;
  }
</style>